import Vue from "vue";
import "normalize.css/normalize.css"; // A modern alternative to CSS resets
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import VXETable from "vxe-table";
import "vxe-table/lib/style.css";
import "@/styles/index.scss"; // global css
import '@/styles/element-variables.scss'
import App from "./App";
import store from "./store";
import router from "./router";
import "@/icons"; // icon
import "@/permission"; // permission control

import VueDraggableResizable from 'vue-draggable-resizable-gorkys'
import 'vue-draggable-resizable-gorkys/dist/VueDraggableResizable.css'
Vue.component('vue-draggable-resizable', VueDraggableResizable)

// if (process.env.NODE_ENV === "production") {
//   const { mockXHR } = require("../mock");
//   mockXHR();
// }

import Vue2OrgTree from 'vue-tree-color'
Vue.use(Vue2OrgTree)

Vue.use(ElementUI, {size: 'medium', zIndex: 2000})
Vue.use(VXETable);
VXETable.setup({
  size:'medium',
  zIndex: 3000,
  table:{
    showOverflow: 'tooltip',
    showHeaderOverflow: 'tooltip'
  }
})


Vue.config.productionTip = false;
new Vue({
  el: "#app",
  router,
  store,
  render: (h) => h(App),
});
